.sider {
  &-layout {
    > :nth-child(1) {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      box-sizing: border-box;
      border-right: 1px solid rgba(5, 5, 5, 0.06);
    }
  }

  &-content {
    &-layout {
      width: 100%;
      flex-shrink: 0;
      display: flex;
      flex-direction: column;
    }
    &-logo {
      width: 100%;
      height: 62px;
      display: flex;
      flex-direction: row;
      align-items: center;
      gap: 8px;
      box-sizing: border-box;
      padding: 0 13px;
      &-text {
        display: flex;
        flex-shrink: 0;
        user-select: none;
        // @include text-bold;
        font-size: 18px;
      }
    }
  }

  &-footer {
    &-layout {
      width: 100%;
      display: flex;
      flex-direction: column;
    }
    &-user {
      flex-shrink: 0;
      width: 100%;
      height: 52px;
      display: flex;
      flex-direction: row;
      align-items: center;
      gap: 10px;
      box-sizing: border-box;
      padding: 0 12px;
      border-top: 1px solid rgba(5, 5, 5, 0.06);
      border-bottom: 1px solid rgba(5, 5, 5, 0.06);

      &-name {
        user-select: none;
        // @include text-medium;
        font-size: 14px;
      }
    }
  }
}
